<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<!-- 下拉框 -->
<link rel="stylesheet" href="/static/ace/css/chosen.css" />
<!-- 日期框 -->
<link rel="stylesheet" href="/static/ace/css/datepicker.css" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<link rel="stylesheet" href="/layui/css/layui.css">
<script src="/layui/layui.js"></script>
<script src="/static/ace/js/bootbox.js"></script>
<!-- ace scripts -->
<script src="/static/ace/js/ace/ace.js"></script>
<!-- 下拉框 -->
<script src="/static/ace/js/chosen.jquery.js"></script>
<!-- 日期框 -->
<script src="/static/ace/js/date-time/bootstrap-datepicker.js"></script>
<!--提示框-->
<script type="text/javascript" src="/static/js/jquery.tips.js"></script>
<style type="text/css">
.layui-table-tips-main {
	display: none
}

.layui-table-tips-c {
	display: none
}
</style>
</head>
<body class="layui-layout-body"><br>
	<form class="layui-form" style="padding: 10px 50px 10px 10px;">
		<div class="layui-form-item">
			<div class="layui-row">
				<div class="layui-col-md4">
					<label class="layui-form-label">用户姓名</label>
					<div class="layui-input-block">
						<input type="text" name="name" id="name" lay-verify="required"
							placeholder="用户姓名" autocomplete="off" class="layui-input"
							th:value="${user.name}" readonly="readonly">
					</div>
				</div>
				<div class="layui-col-md4">
					<label class="layui-form-label">用户电话</label>
					<div class="layui-input-block">
						<input type="text" name="phone" id="phone" lay-verify="required"
							placeholder="用户电话" autocomplete="off" class="layui-input"
							th:value="${user.phone}" readonly="readonly">
					</div>
				</div>
				<div class="layui-col-md4">
					<label class="layui-form-label">用户邮箱</label>
					<div class="layui-input-block">
						<input type="text" name="email" id="email" lay-verify="required"
							placeholder="用户邮箱" autocomplete="off" class="layui-input"
							th:value="${user.email}" readonly="readonly">
					</div>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-col-md4">
				<label class="layui-form-label">头像地址</label>
				<div class="layui-input-block">
					<input type="text" name="img" id="img" lay-verify="required"
						placeholder="用户年龄" onkeyup="num(this)" autocomplete="off"
						class="layui-input" th:value="${user.img}" readonly="readonly">
				</div>
			</div>
			<div class="layui-col-md4">
				<label class="layui-form-label">用户年龄</label>
				<div class="layui-input-block">
					<input type="text" id="age" lay-verify="required"
						placeholder="用户年龄" th:attr="name=${user.age}+''" autocomplete="off"
						class="layui-input" th:value="${user.age}">
				</div>
			</div>
			<div class="layui-col-md4">
				<label class="layui-form-label">用户性别</label>
				<div class="layui-input-block" id="sex" th:attr="name=${user.sex}+''" >
					<select name="sex" lay-filter="consignee" id="sexvalue" >
						<option value="0" th:if="${user.sex==0}" selected="selected">保密</option>
						<option value="0" th:if="${user.sex!=0}">保密</option>
						<option value="1" th:if="${user.sex==1}" selected="selected">男</option>
						<option value="1" th:if="${user.sex!=1}">男</option>
						<option value="2" th:if="${user.sex==2}" selected="selected">女</option>
						<option value="2" th:if="${user.sex!=2}">女</option>
					</select>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-col-md4">
				<label class="layui-form-label">用户年级</label>
				<div class="layui-input-block" id="grade">
					<select name="grade" lay-filter="consignee" id="gradevalue" th:attr="name=${user.grade}+''">
						<option value="0" th:if="${user.grade==0}" selected="selected">未设置</option>
						<option value="0" th:if="${user.grade!=0}">未设置</option>
						<option value="1" th:if="${user.grade==1}" selected="selected">初三以下</option>
						<option value="1" th:if="${user.grade!=1}">初三以下</option>
						<option value="2" th:if="${user.grade==2}" selected="selected">初三</option>
						<option value="2" th:if="${user.grade!=2}">初三</option>
						<option value="3" th:if="${user.grade==3}" selected="selected">高一</option>
						<option value="3" th:if="${user.grade!=3}">高一</option>
						<option value="4" th:if="${user.grade==4}" selected="selected">高二</option>
						<option value="4" th:if="${user.grade!=4}">高二</option>
						<option value="5" th:if="${user.grade==5}" selected="selected">高三</option>
						<option value="5" th:if="${user.grade!=5}">高三</option>
						<option value="6" th:if="${user.grade==6}" selected="selected">高三以上</option>
						<option value="6" th:if="${user.grade!=6}">高三以上</option>
					</select>
				</div>
			</div>
			<div class="layui-col-md4">
				<label class="layui-form-label">用户学校</label>
				<div class="layui-input-block">
					<input type="text" name="school" id="school" lay-verify="required"
						placeholder="用户学校" th:attr="name=${user.school}+''" autocomplete="off"
						class="layui-input" th:value="${user.school}">
				</div>
			</div>
			<div class="layui-col-md4">
				<label class="layui-form-label">用户生日</label>
				<div class="layui-input-block">
					<input type="text" class="layui-input" id="starttime" th:attr="name=${user.brithday}+''"
					placeholder="用户生日" autocomplete="off" th:value="${user.brithday}">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-col-md4">
				<label class="layui-form-label">注册时间</label>
				<div class="layui-input-block">
					<input type="text" name="createTime" id="createTime"
						lay-verify="required" placeholder="注册时间"
						autocomplete="off" class="layui-input" readonly="readonly">
				</div>
			</div>
			<div class="layui-col-md4">
				<label class="layui-form-label">用户类型</label>
				<div class="layui-input-block">
					<input type="text" name="jurisdiction" id="jurisdiction"
						lay-verify="required" placeholder="用户类型" onkeyup="num(this)"
						autocomplete="off" class="layui-input"
						th:value="${user.jurisdiction==0?'学生':'教师'}" readonly="readonly">
				</div>
			</div>
			<div class="layui-col-md4">
				<label class="layui-form-label">是否申述</label>
				<div class="layui-input-block">
					<input type="text" id="isstate"
						lay-verify="required" placeholder="否" autocomplete="off" class="layui-input"
						th:value="${user.isstate==0}?'否':'是'" readonly="readonly">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-col-md4">
				<label class="layui-form-label">是否被举报</label>
				<div class="layui-input-inline" id="isreport" th:attr="name=${user.isreport}+''"
					style="display: block; width: auto; float: none;">
					<input type="radio" name="isreport" value="0" title="否" checked th:if="${user.isreport==0}">
					<input type="radio" name="isreport" value="0" title="否" th:if="${user.isreport!=0}">
					<input type="radio" name="isreport" value="1" title="是" checked th:if="${user.isreport==1}">
					<input type="radio" name="isreport" value="1" title="是" th:if="${user.isreport!=1}">
				</div>
			</div>
			<div class="layui-col-md3">
				<label class="layui-form-label">是否被封禁</label>
				<div class="layui-input-inline" id="isbanned" th:attr="name=${user.isbanned}+''"
					style="display: block; width: auto; float: none;">
					<input type="radio" name="isbanned" value="0" title="否" checked th:if="${user.isbanned==0}">
					<input type="radio" name="isbanned" value="0" title="否" th:if="${user.isbanned!=0}">
					<input type="radio" name="isbanned" value="1" title="是" checked th:if="${user.isbanned==1}">
					<input type="radio" name="isbanned" value="1" title="是" th:if="${user.isbanned!=1}">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-col-md4">
				<label class="layui-form-label">头像图片</label>
				 <img src="http://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="上传成功后渲染" style="max-width: 196px">
			</div>
		</div>
		<div class="layui-form-item layui-form-text">
			<label class="layui-form-label">个性签名</label>
			<div class="layui-input-block">
				<textarea placeholder="请输入内容" class="layui-textarea" id="persignature" th:attr="name=${user.persignature}+''"></textarea>
			</div>
		</div>
		<br>
		<div
			style="text-align: center; margin-top: 30px; margin-bottom: 20px;">
			<button type="button" class="layui-btn layui-btn-primary"
				id="closeDialog">&emsp;取消&emsp;</button>
			<button type="button" class="layui-btn layui-btn-warm"
				id="reset">&emsp;重置密码&emsp;</button>
			<button id="btnSubmit" type="button"
				class="layui-btn layui-btn-normal" lay-submit lay-filter="save" disabled="true">
				&emsp;保存&emsp;</button>
		</div>
	</form>
	<script type="text/javascript">
		let _age_Message = '';
		let _sex_Message = '';
		let _gradevalue_Message = '';
		let _school_Message = '';
		let _starttime_Message = '';
		let _isreport_Message = '';
		let _isbanned_Message = '';
		let _perSignature_Message = '';
		
		let _new_age_Message = '';
		let _new_sex_Message = '';
		let _new_gradevalue_Message = '';
		let _new_school_Message = '';
		let _new_starttime_Message = '';
		let _new_isreport_Message = '';
		let _new_isbanned_Message = '';
		let _new_perSignature_Message = '';
		age();
		$('#btnSubmit').addClass("layui-btn-disabled").attr("disabled",true);
		function age(){
			_age_Message = $("#age").attr("name");
			_new_age_Message = $("#age").val();
			_sex_Message = $("#sex").attr("name");
			_new_sex_Message = $("#sexvalue").val();
			_gradevalue_Message = $("#gradevalue").attr("name");
			_new_gradevalue_Message = $("#gradevalue").val();
			_school_Message = $("#school").attr("name");
			_new_school_Message = $("#school").val();
			_starttime_Message = $("#starttime").attr("name");
			_new_starttime_Message = $("#starttime").val();
			_isreport_Message = $("#isreport").attr("name");
			_new_isreport_Message = $("input[name='isreport']:checked").val();
			_isbanned_Message = $("#isbanned").attr("name");
			_new_isbanned_Message = $("input[name='isbanned']:checked").val();
			_perSignature_Message = $("#perSignature").attr("name");
			_new_perSignature_Message = $("#perSignature").val();
		};
	</script>
	<script>
	layui.use('laydate', function(){
		  var laydate = layui.laydate;
	  //执行一个laydate实例
	  laydate.render({
	    elem: '#starttime' //指定元素
	  });
	});
		layui
				.use(
						[ 'form', 'layedit', 'laydate' ],
						function() {
							var form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate;
						});
	</script>
	<script type="text/javascript">
		$(top.hangge());//关闭加载状态
	</script>


</body>
</html>